<template>
  <div class="list">
    <div class="real-col price" :class="item.Type==1?'buy-color':'sell-color'">{{item.Price}}</div>
    <div class="real-col count">{{item.Count}}</div>
    <div class="real-col time">{{item.Time}}</div>
  </div>
</template>

<script>
export default {
  props: ["item"]
};
</script>

<style scoped>
.list{
    display: flex;
    line-height: 16px;
    padding: 0 5px;
    color:hsla(0, 0%, 100%, 0.5);
}
.list:hover{
    background-color: #1c283e;
}
</style>